<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>numberpicker</title>
    <link rel="stylesheet" href="../../model/view.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< numberpicker ></a></p>
        </li>
        <li>
            <p><a href="#style">类型</a></p>
            <ul id="catalog_style">

            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>numberpicker</h2>
    <div>简介:</div>
    <p>数字填写，有范围的限制</p>
</div>
<div id="style"></div>
<div></div>
<script src="../../js/script_min.js"></script>
<script src="../../model/view.js"></script>
<script>
    let checkbox = new view("checkbox");
    checkbox.init([
        {style:1,data:[
            {img:"img/numberpicker3.png",code:`<numberpicker style="3" background="#ffffff" id="num" min="35" step="5" itemClick="(document,res)=>{console.log(res + '-----res--');}">
                <limg img="img.reduceb.png">img.reduce.png</limg>
                <rimg>img.calladd.png</rimg>
                <rp>分钟</rp>
            </numberpicker>`,title:"经典款"},

        ]},{style:2,data:[
            {img:"img/numberpicker4.png",code:`            <numberpicker style="4"  smallvalue="30" bigvalue="60"></numberpicker>
`,title:"经典款"},

        ]},

    ]);
</script>
<div class="author"><p>by-姜进</p></div>
</body>
</html>